//-------------------列表-------------
@height:29px;
@font-size:12px;
@color:#8c8c8c;
@text-decoration:none;
@background:#CA141D;
.bread-area{
    width: 1200px;
    height: 19px;
    margin: 0 auto;
    padding-bottom: 10px;
    a{
        text-decoration: none;
        color: #333333;
    }
    
}
.pro-cate{
        width: 1200px;
        margin: 0 auto;
        .category-all{
            p{
                width: 1198px;
                height: 50px;
                line-height: 50px;
                border: 1px solid #DEDEDE;
                a{
                    text-decoration: none;
                    color: #999999;
                    display: inline-block;
                    margin: 0 8px;
                }
                .hover{
                    color:red;
                }
                .cate-head{
                    display: inline-block;
                    margin-left: 30px;
                    width:70px;
                    text-align: right;
                }
                i{
                    display: inline-block;
                    width: 8px;
                    height: 10px;
                    margin-left: -3px;
                    margin-right: 4px;
                }
                .cate-price{
                    
                    background: url(../images/icon1.png) no-repeat 0 -70px;
                }
                .cate-comment{
                    background: url(../images/icon1.png) no-repeat 0 -28px;
                }
                .add-time{
                    background: url(../images/icon1.png) no-repeat 0 -90px;
                }
            }
            .pro-last{
                border-top: 0;
                overflow:hidden;
            }
        }
}
.hr-10{
    width: 100%;
    height: 10px;
}
.hr-20{
    width: 100%;
    height: 20px;
}
//详细列表
.list-all{
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    ul{
        width: 1220px;
        li{
            width: 244px;
            height: 384px;
            list-style: none;
            display: inline-block;
            float: left;
            .singl-p{
                width: 222px;
                height: 362px;
                position: relative;
                border: 1px solid #DEDEDE;
                margin-right: 20px;
                margin-bottom: 20px;
                &:hover{
                    border: 1px solid #E01D20;
                }
                p{
                    width: 222px;
                    height: 218px;
                    padding-top: 12px;
                    padding-bottom: 10px;
                    a{
                        img{
                            width: 218px;
                            height: 218px;
                        }
                    }
                }
                .p-name{
                    width: 182px;
                    height: 48px;
                    line-height: 16px;
                    text-align: center;
                    padding: 0 20px;
                    a{
                        text-decoration: none;
                        
                        color: #B77D95;
                        &:hover{
                            text-decoration: underline;
                            color: #E41D81;
                        }
                    }
                }
                .p-price{
                    width: 222px;
                    height: 32px;
                    padding: 0;
                    line-height: 30px;
                    text-align: center;
                    e{
                        font-size: 20px;
                        color: #E01D20;
                    }
                    span{
                        font-size: 20px;
                        color: #E01D20;
                    }
                }
                .singl-bottom{
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 222px;
                    height: 30px;
                    border-top: 1px solid #EDEDED;
                    .p-gou-1{
                        width: 110px;
                        height: 30px;
                        padding: 0;
                        display: inline-block;
                        border-right: 1px solid #EDEDED;
                        text-align: center;
                        line-height: 30px;
                        a{
                            text-decoration: none;
                            color: @background;
                        }
                        &:hover{
                            background: #E01D20;
                            a{
                                color: white;
                            }
                        }
                    }
                    .p-com{
                        width: 110px;
                        height: 30px;
                        line-height: 30px;
                        text-align: center;
                        position: absolute;
                        left: 111px;
                        top: 0;
                        padding: 0;
                    }
                }
            }
        }
    }
}